﻿@page "/customization/pseudocss"
<DocsPage>
    <DocsPageHeader Title="Pseudo CSS scopes">
        <Description>When building Web Components you might want to scope the CSS using the shadow DOM, this setting will allow the MudThemeProvider to generate different Pseudo CSS scopes</Description>
    </DocsPageHeader>
    <DocsPageContent>
        <DocsPageSection>
            <SectionHeader Title="MudBlazor Pseudo CSS">
                <Description>You can pass in any pseudo scope</Description>
            </SectionHeader>
            <MudText Class="mt-4 mb-16">These values can be changed in the <CodeInline>MudTheme.PseudoCss</CodeInline> class, where :root is the default</MudText>
        </DocsPageSection>
        <DocsPageSection>
            <MudDivider Class="my-16" Style="opacity:0;" />
        </DocsPageSection>
    </DocsPageContent>
</DocsPage>